<template>
  <div class="followUs">
    <p class="frist">未来科学城</p>
    <p class="last">长按扫描下方二维码关注公众号</p>
    <img :src="`${publicPath}img/9.png`" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      publicPath: process.env.BASE_URL,
    };
  },
};
</script>

<style scoped lang="less">
.followUs {
  text-align: center;
  .frist {
    font-size: 30px;
    font-weight: bold;
    color: rgba(72, 172, 255, 1);
    margin: 50px auto 13px;
  }
  .last {
    font-size: 14px;
    font-weight: 400;
    color: rgba(129, 147, 174, 1);
    margin-bottom: 63px;
  }
  img {
    width: 90%;
  }
}

@media (min-widht: 750px) {
  .followUs {
    text-align: center;
    .frist {
      font-size: 30px;
      font-weight: bold;
      color: rgba(72, 172, 255, 1);
      margin: 50px auto 13px;
    }
    .last {
      font-size: 14px;
      font-weight: 400;
      color: rgba(129, 147, 174, 1);
      margin-bottom: 63px;
    }
    img {
      width: 90%;
    }
  }
}

</style>
